$(function () {
    var id = getParmas(location.href).id;
    //库存
    var kuncun = null;
    var size = null;
    $.ajax({
        type: "get",
        url: "/product/queryProductDetail",
        data: {
            id
        },
        success: function (res) {
            console.log(res);
            kuncun = res.num
            $('.remain').text('剩余：' + kuncun + '件')
            $('.product').html(template('productTemp', res))
            var gallery = mui('.mui-slider');
            gallery.slider();
        }
    });
    //选中尺码
    $('.product').on('tap', '.size span', function () {
        $(this).addClass('active').siblings().removeClass('active');
        size = $(this).text();
    })
    //数量增加
    $('#increase').on('tap', function () {
        console.log(kuncun);
        var num = $('#inp').val();
        num++;
        if (num > kuncun) {
            num = kuncun
        }
        $('#inp').val(num)
    })
    $('#reduce').on('tap', function () {
        var num = $('#inp').val();
        num--;
        if (num < 1) {
            num = 1
        }
        $('#inp').val(num)
    })

    //失去焦点
    $('#inp').on('blur', function () {
        var num = $('#inp').val();
        if (num > kuncun) {
            $('#inp').val(kuncun)
        }
    })
    //加入购物车
    $('#addCart').on('tap', function () {
        if (!size) {
            alert('请选择尺码')
            return;
        }
        console.log($('#inp').val());
        $.ajax({
            type: "post",
            url: "/cart/addCart",
            data: {
                productId: id,
                num: $('#inp').val(),
                size
            },
            success: function (res) {
                if (res.success) {
                    mui.confirm("加入购物车成功,跳转到购物车?", function (message) {
                        if (message.index) {
                            location.href = "cart.html";
                        }
                    })
                }
            }
        });

    })


})